<template>
  <div class="divda">

    <!-- 这个是头部 -->
    <div class="divs">
      <div class="divs_divimg">
        <img src="/static/img/后退.png" alt class="img1" />
      </div>
      <div class="divs_divtext">菜谱收藏</div>
    </div>

    <div class="line"></div>
    <!-- 这个是内容 -->
    <div>
        <img class="divt_img" src="/static/img/1.png" alt="">
    </div>

    <div class="divt">
      <div class="divt_text">
        <span class="divt_text_sp1">撒对方过后尽快了去玩儿以偶盘撒对方过后尽快了去玩儿以偶盘撒对方过后尽快了去玩儿以偶盘</span><br>
        <span class="divt_text_sp2">9555次浏览&nbsp;&nbsp;&nbsp;&nbsp;2222人喜欢</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  }
}
</script>

<style>
.divda{
  width: 410px;
  border: 1px solid rgb(230, 229, 229);
  border-radius: 10px;
}
.divt_img{
  width: 120px;
  height: 90px;
  background-color: rgb(216, 213, 213);
  float: left;
  margin-top: 10px;
  border-radius: 10px;
}
.divt_text_sp1{
  font-size: 15px;
  float: right;
  margin-left: 5px;
}
.divt_text_sp2{
  font-size: 10px;
  float: left;
  color: rgb(167, 167, 167);
  margin-left: 5px;
  margin-top: 20px;
}
.divt_text{
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  width: 250px;
}
.divt{
  height: 120px;
  border-bottom: 1px solid rgb(230, 229, 229);
}
.divs {
  height: 50px;
}
.img1 {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-top: -10px;
}
.divs_divimg {
  float: left;
  margin-top: 10px;
}
.divs_divtext {
  font-size: 20px;
  margin-top: 10px;
  margin-top: 10px;
}
.line {
  border: 1px solid rgb(230, 229, 229);
}

</style>
